<!doctype html>
<html lang="cn">
<head>
    <meta charset="UTF-8">
    <meta name="baidu-site-verification" content="tb0uj1zdJp" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
    <meta name="keywords" content="广州培训,广州PHP培训,广州UI培训,广州IT培训,广州职业技能培训,广州码市职业技能培训有限公司,广州UI设计培训,广州网站开发培训,广州网站开发,广州技术外包,番禺培训,番禺IT培训,码市学堂,码市学堂培训,码市学堂IT培训,码市学堂UI设计培训,码市技术开发,码市IT外包,码市创业孵化基地,零基础学习PHP,零基础学习UI设计,广州IT包就业,码市资源共享,PHP论坛,PHP技术论坛,广州PHP技术论坛,UI论坛,UI技术论坛,广州UI技术论坛">
    <meta name="description" content="码市公司是致力于高素质 IT人才培养尊崇踏实、拼搏、责任的企业精神的公司，创造活跃的教学氛围，以全新的管理模式，完善的技术体系，致力把经验传递给有梦想的人,为各行业培育精英设计人才；技术开发、互联网培训、设计知识推广、人力资源服务、团队外包及IT人才培养的公司一体的成熟业务体系，孜孜不倦,只为成就你的梦想！">
    <title><block name="title"></block></title>
    <link rel="stylesheet" href="../../../../Public/Home/styles/bootstrap.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.css">
    <link rel="stylesheet" href="../../../../Public/Home/styles/reset.css">
    <script src="https://img.hcharts.cn/highcharts/highcharts.js"></script>
    <block name="css"></block>
    <link rel="stylesheet" href="../../../../Public/Home/styles/animate.css">
</head>
<script type="text/paperscript" canvas="canvas2">
        // Code ported to Paper.js from http://the389.com/9/1/
        // with permission.

        var values = {
            friction: 0.8,
            timeStep: 0.01,
            amount: 15,
            mass: 2,
            count: 0
        };
        values.invMass = 1 / values.mass;

        var path, springs;
        var size = view.size * [1.2, 1];

        var Spring = function(a, b, strength, restLength) {
            this.a = a;
            this.b = b;
            this.restLength = restLength || 80;
            this.strength = strength ? strength : 0.55;
            this.mamb = values.invMass * values.invMass;
        };

        Spring.prototype.update = function() {
            var delta = this.b - this.a;
            var dist = delta.length;
            var normDistStrength = (dist - this.restLength) /
                    (dist * this.mamb) * this.strength;
            delta.y *= normDistStrength * values.invMass * 0.2;
            if (!this.a.fixed)
                this.a.y += delta.y;
            if (!this.b.fixed)
                this.b.y -= delta.y;
        };


        function createPath(strength) {
            var path = new Path({
                fillColor: '#1e63fe'
            });
            springs = [];
            for (var i = 0; i <= values.amount; i++) {
                var segment = path.add(new Point(i / values.amount, 0.5) * size);
                var point = segment.point;
                if (i == 0 || i == values.amount)
                    point.y += size.height;
                point.px = point.x;
                point.py = point.y;
                // The first two and last two points are fixed:
                point.fixed = i < 2 || i > values.amount - 2;
                if (i > 0) {
                    var spring = new Spring(segment.previous.point, point, strength);
                    springs.push(spring);
                }
            }
            path.position.x -= size.width / 4;
            return path;
        }

        function onResize() {
            if (path)
                path.remove();
            size = view.bounds.size * [2, 1];
            path = createPath(0.1);
        }

        function onMouseMove(event) {
            var location = path.getNearestLocation(event.point);
            var segment = location.segment;
            var point = segment.point;

            if (!point.fixed && location.distance < size.height / 4) {
                var y = event.point.y;
                point.y += (y - point.y) / 6;
                var previous = segment.previous && segment.previous.point;
                var next = segment.next && segment.next.point;
                if (previous && !previous.fixed)
                    previous.y += (y - previous.y) / 24;
                if (next && !next.fixed)
                    next.y += (y - next.y) / 24;
            }
        }

        function onFrame(event) {
            updateWave(path);
        }

        function updateWave(path) {
            var force = 1 - values.friction * values.timeStep * values.timeStep;
            for (var i = 0, l = path.segments.length; i < l; i++) {
                var point = path.segments[i].point;
                var dy = (point.y - point.py) * force;
                point.py = point.y;
                point.y = Math.max(point.y + dy, 0);
            }

            for (var j = 0, l = springs.length; j < l; j++) {
                springs[j].update();
            }
            path.smooth({ type: 'continuous' });
        }

        function onKeyDown(event) {
            if (event.key == 'space') {
                path.fullySelected = !path.fullySelected;
                path.fillColor = path.fullySelected ? null : 'black';
            }
        }
    </script>
<block name="canvas"></block>
<body>
<div class="container">
    <div class="section header" name="head" id="head" style="background: #fff">
        <!--nav start-->
        <nav class="navbar navbar-default ">
            <div class="container-fluid">
                <!-- Brand and toggle get grouped for better mobile display -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <a class="navbar-brand" href="#"><img src="../../../../Public/Home/images/logo.png" alt=""></a>
                </div>

                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li  <eq name="ACTION_NAME" value="index"> class='active'</eq> ><a href="{:U('index')}">首页</a></li>
                        <li <eq name="ACTION_NAME" value="tixi"> class='active'</eq> ><a href="{:U('tixi')}">课程体系</a></li>
                        <li <eq name="ACTION_NAME" value="aa"> class='active'</eq> ><a onclick="alert('小编正在努力的收集讲师的视频！')">视频教程</a></li>
                        <li <eq name="ACTION_NAME" value="aboutus"> class='active'</eq> ><a href="{:U('aboutus')}">关于我们</a></li>
                        <li <eq name="ACTION_NAME" value="news"> class='active'</eq> ><a href="{:U('news')}">更多资讯</a></li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div><!-- /.container-fluid -->
        </nav>
        <!--nav end-->
        <!--banner start-->
        <block name="banner"><banner>
            <div class="banner1">
                <div class="banner-z">
                    <h1 class="">码市学堂</h1>
                    <p>有梦想就去拼，未来自己掌握</p>
                    <a class="btn btn-default" href="{:U('test#a')}">在线测试</a>
                </div>
                <img src="../../../../Public/Home/images/icon0.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon1.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon2.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon3.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon4.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon5.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon6.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon7.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon8.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon9.png" alt="">
                <img class="icon" src="../../../../Public/Home/images/icon10.png" alt="">
            </div>
        </banner></block>
    </div>
    <!--banner end-->
    <block name="content"></block>

    <div class="section" style="position: relative;"  name="foot" id="foot">

        <block name="footer_content"></block>

        <div class="footer row">

            <div class="footer-left col-md-2 col-sm-12 col-xs-12 col-md-push-2">
                <img src="../../../../Public/Home/images/ercode.png" alt="" style="margin: 0 auto">
            </div>
            <div class="footer-right col-md-5 col-sm-12 col-xs-12 col-md-push-2">
                <ul class="list">
                    <li <eq name="ACTION_NAME" value="index"> class='active'</eq> ><a href="{:U('index')}">首页</a></li>
                    <li <eq name="ACTION_NAME" value="tixi"> class='active'</eq>><a href="{:U('tixi')}">课程体系</a></li>
                    <li <eq name="ACTION_NAME" value="aa"> class='active'</eq> ><a href="#" onclick="alert('小编正在努力的收集讲师的视频！')">视频教程</a></li>
                    <li <eq name="ACTION_NAME" value="aboutus"> class='active'</eq> ><a href="{:U('aboutus')}">关于我们</a></li>
                    <li <if condition="ACTION_NAME eq 'news'"> class='active last' <else/> class='last' </if>  ><a href="{:U('news')}">更多资讯</a></li>
                </ul>
                <p>©2017 - <a style="color:#fff"  href="http://www.miitbeian.gov.cn">粤ICP备17068813号-1</a>    邮箱：postmaster@gzmashi.com  </p>
                <p>广州码市职业技能培训有限公司 &nbsp; 热线电话：020-28187319-0</p>
            </div>
        </div>
        <!--<canvas id="canvas2"  hidpi="off" style="width: 100%;"></canvas>-->
        <canvas id="canvas2" resize hidpi="off" style="width: 100%;height:100%; min-height:200px;"></canvas>


    </div>
</div>
</body>
<script src='../../../../Public/Home/scripts/jquery-1.11.0.min.js'></script>
<script src='../../../../Public/Home/scripts/jquery.transit.min.js'></script>
<script src='../../../../Public/Home/scripts/bootstrap.min.js'></script>
<script src='../../../../Public/Home/scripts/paper-full.min.js'></script>
<script src='https://cdnjs.cloudflare.com/ajax/libs/fullPage.js/2.9.2/jquery.fullPage.js'></script>
<block name="js"></block>
<script>
    $('.nav a').not('.active').hover (
        function(){
        $(this).transition({
            color : '#fda81d',
            'border-bottom' : '1px solid #fda81d'
        });
        },function(){
            $(this).transition({
                color : '#fff',
                'border-bottom' : '1px solid transparent'
            });
        }
    )

    $('.banner-z').addClass('animated bounceInLeft')
</script>
</html>
